import { App } from "vue";
//自定义指令模块

//拿到pinia  
import { useUserStore } from '@/store/user';    
export const regPerssion = (app: App<Element>) => { 
  app.directive('permission', {    //注册完毕后的指定义指令 传给组件即可：permission  比如user.vue中的v-permission="'addUser'"
    //写一个配置对象 某个声明周期里面 判断当前 userStore(pinia)里面的menus有没有这个值 如果有的话就显示
    mounted(el, binding) {
      //pinia里面的数组
      const store = useUserStore();  //userStore有一个permission
      if (!store.permissions.includes(binding.value)) {   //判断当前用户权限里面有没有这个值  没有就移除掉
        // el.parentNode && el.parentNode.removeChild(el);
        el.remove();
      }
    }
  });
};
//然后让其他组件去调用这个函数regPerssion
